<template>
	<div>
		<div class="tab-container clearfix">			
			<div class="tab-bar flex textc">
				<router-link to="/main/brand" class="tab-bar-item flex-item bor-r" ><span>品牌</span></router-link>
				<router-link to="/main/select" class="tab-bar-item flex-item"><span>筛选</span></router-link>
			</div>
		</div>
		<router-view></router-view>
	</div>
</template>

<script>
	
	export default {
	
		data () {
			return {
			}
		}
	}
</script>

<style lang = 'scss' scoped>
	.tab-container {
		background-color: #0090ff;
		padding: 0.13333rem 1.06667rem;
		.tab-bar {
			height: 1.06667rem;
			line-height: 1.01333rem;
			border-radius: 0.4rem;

		}
		.tab-bar-item {
			cursor: pointer;
			display: inline-block;
			text-align: center;
			color: #fff;
			font-size: 0.48rem;
			width: 50%;
			padding-bottom: 10px;
		}
		.bor-r {
			/*border-right: 1px solid #fff;*/
		}
	}
	.router-link-exact-active {
		span {		
		display: inline-block;
		padding: 0 0.13333rem;
		/*padding-bottom: 0.26667rem;	*/
	   border-bottom: 4px solid #fff;
		}
	}
</style>